$(function () {
    // 封装个ajax请求图片方法
    function ajaxImg(model, select, select2, discrip, price){//model模块的 图片,select请求的img选择器,select2请求的图片标题
            $.ajax({
                    url: 'http://api.mm.com/images/' + model,
                    type: 'get',
                    dataType: 'json',
                    success: function (res) {
                            console.log(res.data[0]);
                            var data = res.data;
                            for (var i = 0; i < select.length; i++) {
                                    if (select.attr('data-original') !== undefined) {
                                            select.eq(i).attr('data-original', data[i].imgsrc);
                                            select.lazyload({//图片懒加载
                                                    threshold: -20,
                                                    effect: "fadeIn",
                                                    // event:'scroll'
                                                    // skip_invisible:false;//如果想要加载隐藏图片
                                            });
                                    } else {
                                            select.eq(i).attr('src', data[i].imgsrc);
                                    }

                                    if (select2 !== undefined) {
                                            select2.eq(i).html(data[i].imginfo);
                                    }
                                    if (discrip !== undefined) {
                                            discrip.eq(i).html(data[i].imgdescribe);
                                    }
                                    if (price !== undefined) {
                                            price.eq(i).html('￥' + data[i].price);
                                    }
                            }
                    }, 
                    error: function (err) {
                            console.log(err);
                    }
            })
    }

    /******************************报告模块***********************************************/
    ajaxImg('report',$('.playNewCon .col-md-8 .bg1 img.lazy'),$('.playNewCon .col-md-8 .bg1 h4'));//报告模块图片地址请求
    //点击加载更多

    var count;//用来接收剩余图片数量
    var start;//从start开始请求
    var num = 4;//请求num个
    $('.loding').click(function () {
            var _this = $(this);
            start = $(".playNewCon.active .bg1").length;//获取已显示图片数量
            console.log(start);
            _this.attr('disabled','disabled');//加载中禁止点击
            $.ajax({
                    url: 'http://api.mm.com/images/report?id=' + start + '&num=' + num,
                    type: 'get',
                    dataType: 'json',
                    success: function (res) {
                            var str = '';
                            console.log(res);
                            count = res.count - start;//剩余图片数量
                            if (count > 0) {
                                    for (var i = 0; i < res.data.length; i++) {
                                            // str='<div class="col-md-3"><div class="thumbnail"><img class="lazy" src="" data-original="'+res.data[i].imgsrc+'" alt=""><div class="caption"><a href=""><h5>'+res.data[i].imginfo+'</h5><p class="txt">'+res.data[i].imgdescribe+'</p></a><p class="name clearfix"><a href="" class="pull-left">￥<span>'+res.data[i].price+'</span></a><span class="pull-right"><a href="" class="zan"></a><span>3</span><a href="" class="xin"></a><span>2</span></span></p></div></div></div>';
                                     
                                            str='<div class="item"><div class="bg1"><img class="lazy" src="" data-original="'+res.data[i].imgsrc+'" alt="" />;<div class="f"><h4>'+res.data[i].imginfo+'</h4><div class="pull-left"><p><span>苏苏</span> 2016-01-25 3 3</p></div><div class="pull-right"><span>3</span><span>3</span></div></div></div><div class="border_50">关于格林威特空气净化器还有 4 篇报告，点击查看</div></div>';

                                            $('.playNewCon.active .col-md-8 .show').append(str);
                                            $('.playNewCon.active .col-md-8 .show .lazy').eq(i + start).lazyload({//图片懒加载
                                                    threshold: -20,
                                                    effect: "fadeIn",
                                                    // event:'scroll'
                                                    // skip_invisible:false;//如果想要加载隐藏图片
                                            });
                                            if (res.data.length < num) {
                                                    _this.css('display', 'none');
                                                // $(_this).html("没有更多数据了").css("color","#999").Attr("disabled");
                                            }
                                    }
                                    _this.removeAttr("disabled");//加载完毕解除禁止
                                    start += num;
                            } else {
                                    _this.css('display', 'none');
                                // $(_this).html("没有更多数据了").css("color","#999").Attr("disabled");
                            }
                    }, error: function (err) {
                            console.log(err);
                    }
            })
    })
})